var ReactDOM=require('react-dom');
var List=React.createClass({
    //1.创建阶段
    getDefaultProps:function(){
        console.log('getDefaultProps');
        return{};
    },
    //2.实例化阶段
    getInitialState:function() {  
        console.log("getInitialState");  
        return {};  
    },  
    //render之前调用，业务逻辑都应该放在这里，如对state的操作等
    componentWillMount:function(){
        console.log('componentWillMount');
        return{}
    },
    //渲染并返回一个虚拟DOM
    render:function(){
        console.log('render');
        return (
            <div>
                hello<strong>{this.props.name}</strong>
            </div>
        )
    },
    //该方法在render方法之后。在该方法中。ReactJS会使用render生成返回的虚拟DOM对象来创建真实的DOM结构
    componentDidMount:function(){
        console.log('componentDidMount');
    },
});
ReactDOM.render(<span><List name='ReactJS'>childern</List>,doucment.body;</span>)
